import React from 'react';
import {connect} from 'dva';
import styles from './index.less';
import { Accordion, List } from 'antd-mobile';

/**
 *
 */
class cAccountingPostingRelated extends React.Component {
  constructor(props) {
    super(props);

    this.state = {

    }
  }
  render(){
    return (
      <div className={styles.baseList}>
        <div className={styles.item}>
          <div className={styles.des}>Document Date</div>
          <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.bLDAT}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Company Code</div>
          <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.bUKRS}</div>
        </div>
        {/*
        <div className={styles.item}>
          <div className={styles.des}>TRS No</div>
          <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.caseNo}</div>
        </div>
        */}
        <div className={styles.item}>
          <div className={styles.des}>Cash Advance No</div>
          <div className={styles.value}>{this.props.detail.mast && (this.props.detail.mast.advanceNo || this.props.detail.mast.aDVNO)}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Posting Date</div>
          <div className={styles.value}>{global.moment(this.props.detail.mast.bUDAT).format('YYYY-MM-DD')}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Text</div>
          <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.bKTXT}</div>
        </div>
      </div>
    )
  }
}


function mapStateToProps(state) {
  return {
    ...state.detail
  }
}
export default connect(mapStateToProps)(cAccountingPostingRelated);
